<template>
  <div class="hello">
<!--    <div class=" rounded-lg p-6 max-w-sm mx-auto bg-gray-100 rounded-xl shadow-md flex items-center space-x-4 shadow-2xl" >-->
<!--      <div class="flex-shrink-0">-->
<!--        <img src="../assets/svg.png" class="w-12 h-12" alt="Hello" >-->
<!--      </div>-->
<!--      <div>-->
<!--        <div class="text-xl font-medium text-black">ChitChat</div>-->
<!--        <p class="text-gray-500">You have a new message!</p>-->
<!--      </div>-->
<!--    </div>-->

<!--    <h1>Hello </h1>-->
<!--    <div class="py-8 px-8 max-w-sm mx-auto bg-white rounded-xl shadow-md space-y-2 sm:py-4 sm:flex sm:items-center sm:space-y-0 sm:space-x-6">-->
<!--      <div class="text-center space-y-2 sm:text-left">-->
<!--        <div class="space-y-0.5">-->
<!--          <p class="text-lg text-black font-semibold">-->
<!--            Erin Lindford-->
<!--          </p>-->
<!--          <p class="text-gray-500 font-medium">-->
<!--            Product Engineer-->
<!--          </p>-->
<!--        </div>-->
<!--        <button class="px-4 py-1 text-sm text-purple-600 font-semibold rounded-full border border-purple-200 hover:text-white hover:bg-purple-600 hover:border-transparent focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-offset-2">Message</button>-->
<!--      </div>-->
<!--    </div>-->

<!--    <el-button>Hello</el-button>-->
<!--    <el-button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">-->
<!--      Hello World-->
<!--      <slot/>-->
<!--    </el-button>-->


<!--    <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl shadow-2xl">-->
<!--      <div class="md:flex">-->
<!--        <div class="md:flex-shrink-0">-->
<!--          <img class="h-48 w-full object-cover md:w-48" src="../assets/svg.png" alt="Man looking at item at a store">-->
<!--        </div>-->
<!--        <div class="p-8">-->
<!--          <div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold">Case study</div>-->
<!--          <a href="#" class="block mt-1 text-lg leading-tight font-medium text-black hover:underline">Finding customers for your new business</a>-->
<!--          <p class="mt-2 text-gray-500">Getting a new business off the ground is a lot of hard work. Here are five ideas you can use to find your first customers.</p>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->

  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
